<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="es"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang="es"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang="es"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->
 <head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Condistelec</title>
		<link rel="stylesheet" href="{{ asset('css/cuestionario.css') }}">
		<link rel="stylesheet" href="{{ asset('css/main.css') }}">
		<link href="{{ asset('css/jquery-ui-1.10.4.custom.css') }}" rel="stylesheet">
		<script type="text/javascript" src="{{ asset('js/jquery.min.js') }}"></script>
		<script type="text/javascript" src="{{ asset('js/cuestionario.js') }}"></script>
		<script type="text/javascript" src="{{ asset('js/jquery.timer.js') }}"></script>
		<script src="{{ asset('js/jquery-ui-1.10.4.custom.js') }}"></script>
	</head>
	<body>
		<div class="mainContainer">
			<div class="header">
				<table width="100%">
						<tr>
							<td width="50%">
								<img src="{{ asset('images/banner.png') }}" alt="Programa Power Plus">
							</td>
							<td width="50%">
								<div style="text-align: right;">
									<label>Usuario: {{ app.user.username }}</span>&nbsp;&nbsp;
									<a href="{{ path('_logout') }}"><img height="19"  alt="Salir" title="Salir" src="{{ asset('images/logout.png') }}"></a>
								</div>
							</td>
						</tr>
				</table>
			</div>
			<div class="workContainer">
				<div class="areaPrincipal">
					<section>
						<div style="width: 100%; text-align:center;">
							<label class="condistelecTitulo">Serie {{ serie }}</label><br/>
							<label class="condistelecTexto">{{ descSerie }}</label>
						</div>
						<br/><br/>
						<div style="width: 100%; text-align:center;">
							<table style="width: 100%; border-top-style:groove; border-bottom-style:groove;">
								<tr>
									<td style="width: 5%;">&nbsp;</td>
									<td style="width: 30%; text-align: left;">
										<label class="condistelecInfo">Tiempo Restante:  <span id='timer' style=''></span></label>
									</td>
									<td style="width: 30%; text-align: center;">
										
									</td>
									<td style="width: 30%; text-align: right;">
										<label class="condistelecInfo"> Aciertos Totales: {{ aciertosAcumulados }}</label>
									</td>
									<td style="width: 5%;">&nbsp;</td>
								</tr>
							</table>
						</div>
						<br/><br/>
						<form id="formCuestionario" action="#" method="post" {{ form_enctype(form) }} class="form" novalidate>
							<div class="cuestionario">
								{{ form_widget(form) }}
								<br/><br/>
					      		<div style="text-align: left;">
									<input type="submit" class="ch-btn ch-btn-big regSub" alt="Enviar" value="Enviar" >
								</div>
				  			</div>
						</form>
					</section>
				</div>
			</div>
			<div class="mediaToolBar">
				<div id="mediaContainer">
					<ul>
						<li><a href="https://www.facebook.com/condistelec" target="_blank" class="facebook">&nbsp;</a></li>
						<li><a href="https://twitter.com/Condistelec" target="_blank" class="twitter">&nbsp;</a></li>
						<li><a href="http://www.youtube.com/user/condistelec/videos" target="_blank" class="youtube">&nbsp;</a></li>
					</ul>
				</div>
			</div>
			<div class="footer"></div>
		</div>
		<!-- ui-dialog -->
<div id="modalSimbolo" title="Simbolo">
	<input type="hidden" value="{{ asset('images/simbolos') }}" id="pathSimbolos">
	<img id="simboloDisplay" src="">
</div>
	</body>
</html>
